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;html> 

<form id="get_card_info" method = M post" action^ r http://payment.asp"> 

<select name= n cardjtype" onClick="talk(g_card_types)"> 

<option value ="amex"> American Express </option> 
<option value = u visa"> Visa </option > 
<option value="ms">MasterCard</option> 
</select> 

<reco id="g_card_types"onReco = "handle() n > 

< grammar src="./g r am#card_types" /> 
</reco > ; 

<input type="text" name~"card_num" width= I, 30 ,J 

onCllck= 'taik(g_card_num)" /> 
<reco id= H g_card_num 11 onReco ="handle() " > 

< grammar src =" ./gram#digits » /> 

</reco > 

<input type="text M name="expiry_date" 

onC!ick="talk(g_expiry_date) " /> 
<reco id="g_expiry_date 11 > 
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./gram#dates 



/> 



< grammar 
<reco > 

<input type = "submit" value="Submit" onChck="verify()" /> 

</form> — — — 

<scriptx![CDATA[ 

function talk(gobj) { 
gobj . acti vate() ; 

function handle() { 

if (get_card_i nfo . card_num != null) { 

if (get_card__info.card_type. value == f, amex") 
if (get_card__inf o . card_num. length != 15) 
alert ("amex should have 15 digits"); 
} else 

if ( get __card_inf o. card_num. length 1= 16) 
alert ("visa and master should have 16 digits"); 
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function verifyQ { 

var flag = wi ndow. conf i rm( n submi t the credit card 
info?"); 

if (flag) { 

get_card_i nf o . submit () ; 



]]> 
</script> 
</html> 
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